<script setup>
import VueOfficePdf from '../../packages/vue-pdf/index';
import PreviewWrapper from '../common/PreviewWrapper.vue';
import useLoading from '../hooks/useLoading.js';
import {ref} from 'vue';
function onRendered(){
    useLoading.hideLoading();
}
function onError(e){
    console.log('出差',e);
    useLoading.hideLoading();
}
const defaultSrc = location.origin + 
    (location.pathname + '/').replace('//', '/') 
    + 'static/test-files/test.pdf';
const docxRef = ref();

window.docxRef = docxRef;

const requestOptions = {
    headers: {
        'component-name': 'VueOfficePdf'
    }
};
// setTimeout(()=>{
//     console.log( docxRef.value.download());
// }, 2000);
</script>

<template>
  <PreviewWrapper
      accept=".pdf"
      placeholder="请输入pdf文件地址"
      :default-src="defaultSrc"
  >
    <template  v-slot="slotProps">
      <VueOfficePdf
          ref="docxRef"
          :src="slotProps.src"
          style="flex: 1;height: 0"
          :request-options="requestOptions"
          @rendered="onRendered"
          @error="onError"
      >
      </VueOfficePdf>
    </template>
  </PreviewWrapper>
</template>

<style scoped>

</style>